<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // for
        // for in
        // forEach

        // es6
        // map 遍历
        // filter 过滤
        // findIndex 查找下标
        // reduce 累加
        // includes 包含

        // var arr = ['tom', 'bob', 'alice', 'mary', 'tony', 'jack', 'rose']

        // 没有返回值
        // arr.forEach(function (item, index) {
        //   console.log(item)
        //   console.log(index)
        // })

        // var newArr = arr.map(function (item, index) {
        //   console.log(item)
        //   console.log(index)

        //   return '<li>' + item + '</li>'
        // })

        // console.log(newArr)

        // var arr2 = [1,2,3,4,5,6,7,8,9]
        // var arr2 = [0,1,'',3,4,null,6,undefined,8,false]

        // // 过滤（根据返回值是否为true来过滤数组）
        // var newArr2 = arr2.filter(function (item, index) {

        // // ''
        // // 0
        // // [].length
        // // Object.keys({})
        // // false
        // // null undefined

        //   // if (item > 5) {
        //   //   return true
        //   // } else {
        //   //   return false
        //   // }

        //   return item
        // })

        // console.log(newArr2)

        // var arr3 = ['tom', 'bob', 'alice', 'mary', 'tony', 'jack', 'rose']

        // var index = arr3.findIndex(function (item, index) {
        //   return item === 'tony'
        // })

        // console.log(index)

        // var arr4 = ['tom', 'bob', 'alice', 'mary', 'tony', 'jack', 'rose']

        // var result = arr4.includes('abc')

        // console.log(result)

        // var str = '123456789'

        // console.log(str.includes('789'))

        // var arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

        // // reduce方法会循环数组的每前一个的元素和下一个元素，并且将每一次返回值作为下一次的prev
        // // reduce接受一个初始化参数，作为第一次的prev累加

        // var arr5Total = arr5.reduce(function (prev, next) {
        //     console.log('prev', prev)
        //     console.log('next', next)

        //     return prev + next
        // }, 100)

        // console.log(arr5Total)

      
    </script>
</body>

</html>